From 7fde6a93cf183e7f3a710a2fe23a5f5a4ccffa49 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Sun, 14 Apr 2024 00:01:09 -0700
Subject: feat(badges): darken hidden badges

---
 src/routes/user/[user]/badges/+page.svelte | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'src/routes/user/[user]')

diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte
index fc757a53..0490dc97 100644
--- a/src/routes/user/[user]/badges/+page.svelte
+++ b/src/routes/user/[user]/badges/+page.svelte
@@ -444,8 +444,8 @@
 	// 	URL.revokeObjectURL(url);
 	// };
 
-	const removeHiddenBadges = (badges: Badge[]) =>
-		editMode ? badges : badges.filter((b) => !b.hidden);
+	const removeHiddenBadges = (isOwner: boolean, badges: Badge[]) =>
+		isOwner ? badges : badges.filter((b) => !b.hidden);
 </script>
 
 <HeadTitle route={`${data.username}'s Badge Wall`} path={`/user/${data.username}`} />
@@ -522,7 +522,7 @@
 							<Skeleton grid={true} count={10} width="150px" height="170px" />
 						{:else}
 							{@const groupedBadges = Object.entries(
-								groupBadges(removeHiddenBadges(ungroupedBadges))
+								groupBadges(removeHiddenBadges(isOwner, ungroupedBadges))
 							)}
 
 							{#if isOwner}
@@ -745,6 +745,7 @@
 													alternative={badge.description}
 													fallback={thumbnail(badge.image)}
 													hideOnError={preferences.hide_missing_badges}
+													style={badge.hidden ? 'filter: grayscale(100%); opacity: 50%;' : ''}
 												/>
 											{/if}
 										{/each}
-- 
cgit v1.2.3